<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="keywords" content="_sss游戏，H5游戏，手游，手机游戏，热门游戏，0.1折，0.1折手游，打折，折扣，优惠，新游戏开服表，手游开服表" />
    <meta name="description" content="sss游戏是一款给玩家优惠，打折扣充值的游戏平台。">
    <title>充值中心</title>
    <link rel="icon" href="./sub/images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="./sub/css/style.css">
    <script type="text/javascript" src="./sub/js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="./sub/js/layer/layer.js"></script>
    <link rel="stylesheet" type="text/css" href="./sub/css/yonghu.css">
    <link rel="stylesheet" type="text/css" href="./sub/css/geren.css">
    <link rel="stylesheet" type="text/css" href="./sub/css/charge.css">
    <script src="./sub/js/geren.js"></script>
    <link href="./sub/paycss/public.css" rel="stylesheet" type="text/css">
    <link href="./sub/paycss/pay.css" rel="stylesheet" type="text/css">
    <script src="./sub/payjs/jquery.luara.0.0.1.min.js"></script>
</head>

<body>
    <style type="text/css">
        .fl {
            float: none;
        }

        /*  #em:-webkit-autofill {
        -webkit-box-shadow: none;
        border: 1px solid #CECACA!important;
    }*/
    </style> <!--顶部导航--> <!--顶部导航-->
    <div class="top"
        style="background: #fff;position: relative;box-shadow: 0 1px 2px rgba(0,0,0,.02);border-bottom: 1px solid #ececec;z-index: 4;">
        <div class="main-mod" style="width: 1170px;"> <a href="/portal/index/index.html" class="sy"><i
                    class="iconfont">&#xe611;</i>首页</a> <a href="/game/index/box.html" class="sy" target="_blank"><i
                    class="iconfont">&#xe63b;</i>游戏盒子</a> <a href="/wap/index/index.html" class="sy"><i
                    class="iconfont">&#xe607;</i>WAP官网</a>
            <ul class="personal-info">
                <li><a href="javascript:void(0);">您好，欢迎来到sss游戏！</a>|</li> <!-- <li> <a href="/portal/index/index.html" class="sy">首页</a>|
	                </li> -->
                <li> <a href="/user/center/index.html" class="user-name" style="width: auto;">海市蜃楼</a>|
                </li>
                <li> <a href="/user/register/logout.html">退出</a>|
                </li>
                <li>
                    <div class="recommend" style="position: relative;"> <a href="" class="trigger" tabindex="0"><i
                                class="icon icon-deco-game"></i>推荐游戏<i class="icon icon-arrow"></i></a>
                        <div class="recommend-box"
                            style="position: absolute;top: 25px;left: -440px;z-index: 5;display: none;">
                            <div class="content clear-fix"
                                style="background: #fff;border: 1px solid #cecece;overflow: hidden;margin-top: 10px;padding-bottom: 5px;width: 524px;">
                                <ul class="hot-new"
                                    style="float: left;width: 50%;border-right: 1px solid #ececec;margin-left: -2px;padding-bottom: 5px;">
                                    <li class="title-tj"
                                        style="width: 100%;float: left;text-indent: 24px;font-weight: 700;position: relative;height: 32px;color: #000;">
                                        新品推荐</li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/4281.html" title="王者永恒（0.05折砍树免费版）"
                                            target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">王者永恒（0.05折砍树免费版）</a>
                                        <i class="new"></i>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/4279.html" title="最强海贼团（0.1折）" target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">最强海贼团（0.1折）</a>
                                        <i class="new"></i>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/4276.html" title="热血格斗（免费三国0.05折扣）"
                                            target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">热血格斗（免费三国0.05折扣）</a>
                                        <i class="new"></i>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/4275.html" title="三国演义之天策（0.05折三国无双）"
                                            target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">三国演义之天策（0.05折三国无双）</a>
                                        <i class="new"></i>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/4273.html" title="西楚霸业（0.1折西游高返）"
                                            target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">西楚霸业（0.1折西游高返）</a>
                                        <i class="new"></i>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/4272.html" title="梦西游（0.1折西游量劫）" target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">梦西游（0.1折西游量劫）</a>
                                        <i class="new"></i>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/4271.html" title="义战龙城0.1（烈火骑士2）"
                                            target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">义战龙城0.1（烈火骑士2）</a>
                                        <i class="new"></i>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/4270.html" title="疾速冲锋（巾帼幻想0.05折）"
                                            target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">疾速冲锋（巾帼幻想0.05折）</a>
                                        <i class="new"></i>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/4269.html" title="龙之战歌1折版" target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">龙之战歌1折版</a>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/4266.html" title="上古有灵妖（0.05折代金券高返）"
                                            target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">上古有灵妖（0.05折代金券高返）</a>
                                    </li>
                                </ul>
                                <ul class="hot-re"
                                    style="float: left;width: 50%;border-right: 1px solid #ececec;margin-left: -1px;padding-bottom: 5px;border-left: 1px solid #ececec;">
                                    <li class="title-tj"
                                        style="width: 100%;float: left;text-indent: 24px;font-weight: 700;position: relative;height: 32px;color: #000;">
                                        热门推荐</li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/2105.html" title="自由之刃" target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">自由之刃</a>
                                        <i class="hot"></i>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/2920.html" title="武魂觉醒-众神版" target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">武魂觉醒-众神版</a>
                                        <i class="hot"></i>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/2711.html" title="怒火一刀-三职业" target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">怒火一刀-三职业</a>
                                        <i class="hot"></i>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/2408.html" title="无名之辈" target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">无名之辈</a>
                                        <i class="hot"></i>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/2393.html" title="热血习武（云霄传世）" target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">热血习武（云霄传世）</a>
                                        <i class="hot"></i>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/2314.html" title="龙城（盖世王者）" target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">龙城（盖世王者）</a>
                                        <i class="hot"></i>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/2220.html" title="永恒纪元（三倍加速版）" target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">永恒纪元（三倍加速版）</a>
                                        <i class="hot"></i>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/1855.html" title="苍穹灭" target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">苍穹灭</a>
                                        <i class="hot"></i>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/2800.html" title="大明侠客令" target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">大明侠客令</a>
                                        <i class="hot"></i>
                                    </li>
                                    <li style="position: relative;width: 50%;float: left;height: 32px;"><a
                                            href="/game/index/detial/id/1794.html" title="狂暴西游（封神合击）" target="_blank"
                                            style="display: block;width: 86px;overflow: hidden;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;text-indent: 24px;margin: 0px;">狂暴西游（封神合击）</a>
                                        <i class="hot"></i>
                                    </li>
                                </ul>
                            </div> <span class="arrow-inner"
                                style="position: absolute;top: -17px;right: 40px;width: 0;height: 0;border: 14px solid transparent;border-bottom-color: #fff;z-index: 5;"></span>
                            <span class="arrow-outter"
                                style="position: absolute;top: -18px;right: 40px;width: 0;height: 0;border: 14px solid transparent;border-bottom-color: #cecece;z-index: 4;"></span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="fl-t header">
        <div class="head-2"
            style="/*background: url(./sub/img/headerbg.jpg) repeat-x;*/box-shadow: 0 1px 10px rgba(0,0,0,.02);position: relative;z-index: 3">
            <div class="container header_con" style="height: 80px;">
                <div class="brand_logo"></div>
                <ul id="" class="head-nav-2">
                    <li class='' id='menu-item-1'><a href='/' target=''>首页</a></li>
                    <li class='' id='menu-item-5'><a href='/game' target=''>游戏大全</a></li>
                    <li class='' id='menu-item-3'><a href='/gift' target=''>游戏礼包</a></li>
                    <li class='on-tou2' id='menu-item-6'><a href='/pay' target=''>充值中心</a></li>
                    <li class='' id='menu-item-4'><a href='/news' target=''>游戏资讯</a></li>
                    <li class='' id='menu-item-2'><a href='/service' target=''>客服中心</a></li>
                </ul>
                <form action="/portal/search/index.html" method="post" name="" style="margin:0;padding:0">
                    <div class="hreadSearch" style="margin-top: 25px;overflow: hidden;"> <select name="searchtype"
                            style="font-family: '微软雅黑">
                            <option value="1">游戏</option> <!-- <option value="2" >资讯</option> -->
                            <option value="3">礼包</option>
                        </select> <input type="text" name="keywords" placeholder="自由之刃" value="自由之刃"
                            onclick='cleargame()' id="search_box">
                        <script>							function cleargame() {

                                $('#search_box').attr("value", "");
                                $('#search_box').attr("placeholder", "");
                            }
                        </script> <input type="submit" value="搜索">
                    </div>
                </form>
            </div>
        </div>
        <!-- <div style="background: #313131;width: 100%;position: relative;box-shadow: 0 4px 4px rgba(0,0,0,.2);z-index: 3" class="head-2-2"> <div class="container header_con" style="height: 40px;"> -->
        <!-- <ul class="head-nav-2"> <li><a href="home">首页</a></li> <li><a href="/game">游戏大全</a></li> <li><a href="/gift">游戏礼包</a></li> <li><a href="/pay">充值中心</a></li> <li><a href="/news">游戏资讯</a></li> <li><a href="/service">客服中心</a></li> </ul> -->
        <!-- 	</div> </div> -->
    </div>
    <script>
        $('.trigger').hover(function () {
            $('.recommend-box').show();
        }, function () {
            $('.recommend-box').hide();
        })
        $('.recommend-box').hover(function () {
            $('.recommend-box').show();
        }, function () {
            $('.recommend-box').hide();
        })
    </script> <!--顶部导航结束--> <!--顶部导航结束-->


    <!--中间部分-->
    <div class="xrecharge">
        <!-- xrecharge-left -->
        <div class="xrecharge-left">
            <div>
                <div class="xre-ltp xre-ltp-flb active">福利币</div>
                <div class="xre-ltp xre-ltp-qb ">钱包（平台币）</div>
            </div>
            <!-- charge-left-bottom -->
            <div class="charge-left-bottom">
                <dl>
                    <dt>充值遇到的问题</dt>
                    <dd><a href="/news/index/details/id/34.html" target="_blank">没开通网银可以充值吗？</a></dd>
                    <dd><a href="/news/index/details/id/35.html" target="_blank">国外玩家如何充值？</a></dd>
                </dl>
            </div>
            <!--  -->
            <div class="xrecharge-ljl">
                <a href="">充值记录</a>
                <a href="">联系客服</a>
            </div>
        </div>

        <!-- xrecharge-right -->
        <div class="xrecharge-right">
            <!-- 福利币 -->
            <div class="xrec-flb">
                <div class="xrec-flb-dl clearfix">
                    <div class="xrec-flb-dt">请确认您的充值账号:</div>
                    <div class="xrec-flb-dd">
                        <input class="xrec-qb-dd-input" type="text" id="username" name="username"
                            placeholder="请输入您的充值账号" required>
                    </div>
                </div>
                <div class="xrec-flb-dl clearfix" style="margin-top: 16px;">
                    <div class="xrec-flb-dt">选择充值游戏：</div>
                    <div class="xrec-flb-dd">
                        <div class="xrec-flb-ipt">
                            <input type="text" placeholder="请选择充值游戏" maxlength="50">
                            <span class="xrec-flb-ipt-btn"></span>
                            <ul class="xrec-flb-ipt-ul">
                                <li>
                                    <div class="xrec-flb-ipt-ul-img"><img src="./sub/images/sc2.jpg" alt=""></div>
                                    <h3>捕鱼金手指</h3>
                                </li>
                                <li>
                                    <div class="xrec-flb-ipt-ul-img"><img src="./sub/images/sc2.jpg" alt=""></div>
                                    <h3>捕鱼金手指</h3>
                                </li>
                                <li>
                                    <div class="xrec-flb-ipt-ul-img"><img src="./sub/images/sc2.jpg" alt=""></div>
                                    <h3>捕鱼金手指</h3>
                                </li>
                                <li>
                                    <div class="xrec-flb-ipt-ul-img"><img src="./sub/images/sc2.jpg" alt=""></div>
                                    <h3>捕鱼金手指</h3>
                                </li>
                                <li>
                                    <div class="xrec-flb-ipt-ul-img"><img src="./sub/images/sc2.jpg" alt=""></div>
                                    <h3>捕鱼金手指</h3>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="xrec-flb-dl clearfix" style="margin-top: 10px;">
                    <div class="xrec-flb-dt">充值折扣：</div>
                    <div class="xrec-flb-dd xrec-flb-ipa">
                        <span>首充1折</span>
                        <span>续充2.5折</span>
                    </div>
                </div>
                <div class="xrec-flb-dl clearfix">
                    <div class="xrec-flb-dt"></div>
                    <div class="xrec-flb-dd xrec-flb-ipx">
                        <ul>
                            <li class="active">
                                <span class="xrec-flb-zk">首充折扣</span>
                                <div class="xrec-flb-ipx-a">
                                    <span>100</span>
                                </div>
                                <div class="xrec-flb-ipx-b">￥100</div>
                                <div class="xrec-flb-ipx-c">￥100</div>
                            </li>
                            <li>
                                <span class="xrec-flb-zk">首充折扣</span>
                                <div class="xrec-flb-ipx-a">
                                    <span>100</span>
                                </div>
                                <div class="xrec-flb-ipx-b">￥100</div>
                                <div class="xrec-flb-ipx-c">￥100</div>
                            </li>
                            <li>
                                <span class="xrec-flb-zk">首充折扣</span>
                                <div class="xrec-flb-ipx-a">
                                    <span>100</span>
                                </div>
                                <div class="xrec-flb-ipx-b">￥100</div>
                                <div class="xrec-flb-ipx-c">￥100</div>
                            </li>
                            <li>
                                <span class="xrec-flb-zk">首充折扣</span>
                                <div class="xrec-flb-ipx-a">
                                    <span>100</span>
                                </div>
                                <div class="xrec-flb-ipx-b">￥100</div>
                                <div class="xrec-flb-ipx-c">￥100</div>
                            </li>
                            <li>
                                <span class="xrec-flb-zk">首充折扣</span>
                                <div class="xrec-flb-ipx-a">
                                    <span>100</span>
                                </div>
                                <div class="xrec-flb-ipx-b">￥100</div>
                                <div class="xrec-flb-ipx-c">￥100</div>
                            </li>
                            <li>
                                <span class="xrec-flb-zk">首充折扣</span>
                                <div class="xrec-flb-ipx-a">
                                    <span>100</span>
                                </div>
                                <div class="xrec-flb-ipx-b">￥100</div>
                                <div class="xrec-flb-ipx-c">￥100</div>
                            </li>
                        </ul>
                        <div class="xrec-flb-num">
                            <input type="text" placeholder="请输入充值福利币数量（整数）">
                        </div>
                    </div>
                </div>
                <div class="xrec-flb-zf">
                    <span>本次充值您需支付<em>10</em>元</span>
                </div>
            </div>
            <!-- 钱包 -->
            <div class="xrec-qb">
                <div class="xrec-qb-dl">
                    <div class="xrec-qb-dt">请确认您的充值账号:</div>
                    <div class="xrec-qb-dd">
                        <input class="xrec-qb-dd-input" type="text" placeholder="请输入您的充值账号">
                    </div>
                </div>
                <div class="xrec-qb-dl xrec-qb-dq">
                    <div class="xrec-qb-dt">请您选择充值的金额:</div>
                    <div class="xrec-qb-dd">
                        <ul class="xrec-qb-dd-ul">
                            <li>10元</li>
                            <li>10元</li>
                            <li>10元</li>
                            <li>10元</li>
                            <li>10元</li>
                        </ul>
                        <input class="xrec-qb-dd-ul-input" type="number" placeholder="请输入自定义整数金额">
                    </div>
                </div>
                <div class="xrec-qb-zf">
                    <span>本次充值您需支<em>0</em>元(1元=1平台币)</span>
                </div>
                <div class="xrec-qb-sm">
                    <div>平台币不会过期，SSS游戏通用货币</div>
                    <div>使用方法：游戏内消费使用、充值游戏福利币、账户交易等</div>
                </div>
            </div>
            <!-- 充值按钮 -->
            <div class="xrec-flb-ps">
                <div class="xrec-flb-ps-li xrec-flb-zfb">支付宝支付</div>
                <div class="xrec-flb-ps-li xrec-flb-wx">微信支付</div>
                <div class="xrec-flb-ps-li xrec-flb-qb">钱包支付</div>
            </div>
        </div>
    </div>
    <script>
        //点击左侧选择
        $('.xre-ltp').click(function () {
            let index = $(this).index();
            console.log(index);
            $(this).addClass('active').siblings().removeClass('active')
            if (index == 0) {
                $('.xrec-flb').show();
                $('.xrec-qb').hide();
            }
            if (index == 1) {
                $('.xrec-flb').hide();
                $('.xrec-qb').show();
            }
        })


        // 初始化
        const chargeButtons = document.querySelectorAll('.charge-button');
        const chargeForm = document.getElementById('chargeForm');
        let selectedAmount = null;

        function openTab(event, type) {
            var tabs = document.getElementsByClassName("tab");
            for (var i = 0; i < tabs.length; i++) {
                tabs[i].className = tabs[i].className.replace(" active", "");
            }

            event.currentTarget.className += " active";

            var paytype = event.currentTarget.getAttribute('data-type')
            var text = (paytype == 'ptb') ? '钱包' : '福利币';

            $("#type_text_input").val(text)
            $('#type_input').val(paytype);
            $("#type_text").text(text)

            document.querySelectorAll('.toggle_input').forEach(innerItem => {
                if (type == true) {
                    innerItem.style.display = "block";
                } else {
                    innerItem.style.display = "none";
                }
            });
            document.querySelectorAll('.toggle_input_false').forEach(innerItem => {
                if (type == false) {
                    innerItem.style.display = "block";
                } else {
                    innerItem.style.display = "none";
                }
            });
            chargeButtons.forEach((itemA) => {
                itemA.style.border = '1px solid #BFBFBF';
            });

            if (type == true) {
                $('#payment_ptb').show()
            } else {
                var paytype = $('#paytype_input').val();
                if (paytype) {
                    if (paytype == 'ptb') {
                        document.querySelectorAll('.payment-option').forEach(innerItem => {
                            innerItem.classList.remove('active');
                        });
                        document.querySelectorAll('.payment-option')[0].classList.add('active');
                        $('#paytype_text_input').val('支付宝');
                        $('#paytype_input').val('zfb');
                    }
                }
                $('#payment_ptb').hide()
            }

            $('#buy_yuan').text(0)
            $('#amount_input').val("")
            $('#money_input').val("");
            $('#custom_money_input').val("")
        }
        $('.paylog').click(function () {
            window.location.href = "/pay/index/ptblog.html"
        })
        function reset() {
            const chargeButtons = document.querySelectorAll('.charge-button');
            chargeButtons.forEach(button => {
                button.style.border = '1px solid #BFBFBF';
            })
        }

        document.querySelectorAll('.payment-option').forEach(item => {
            item.addEventListener('click', () => {
                // 清除其他项的选中状态
                document.querySelectorAll('.payment-option').forEach(innerItem => {
                    innerItem.classList.remove('active');
                });
                // 设置当前项为选中状态
                item.classList.add('active');
                var paytype = item.getAttribute('data-paytype');
                var text = (paytype == 'zfb') ? '支付宝' : '微信';
                switch (paytype) {
                    case 'zfb':
                        text = '支付宝';
                        break;
                    case 'wx':
                        text = '微信';
                        break;
                    case 'ptb':
                        text = '钱包';
                        break;
                    default:
                        text = '钱包';
                        break;
                }

                $("#paytype_text_input").val(text)
                $('#paytype_input').val(paytype)
            });
        });


        // 给每个充值金额按钮添加事件监听
        chargeButtons.forEach((button, index) => {
            button.addEventListener('click', function () {
                // // 清除其他按钮的选中状态
                chargeButtons.forEach((itemA) => {
                    itemA.style.border = '1px solid #BFBFBF';
                });
                // 设置当前选中的充值金额
                selectedAmount = button.getAttribute('data-money');
                button.style.border = '1px solid #3486EF'; // 改变按钮

                $('#buy_yuan').text(selectedAmount);
                $('#amount_input').val(selectedAmount)
                $('#money_input').val(selectedAmount);
                $('#custom_money_input').val("")
                $('#coupon_money_input').val("")
                $('#coupon_id_input').val("")
                $('#select_coupon_input').val("")
                $('#game_coupon .cancel_black').hide();
                buyYuan();
            });
        });


        $('#select_game_label').click(function () {
            var username = $("#username").val();
            var gamename = $('#select_game_input').val();
            searchGame("/game/index/search_game.html", { gamename: gamename, username: username }, '.game-search .dataBox');
        })
        $('#select_game_input').on('input propertychange', function () {
            var username = $("#username").val();
            var gamename = $(this).val();
            searchGame("/game/index/search_game.html", { gamename: gamename, username: username }, '.game-search .dataBox');
        })

        function searchGame(url, data, dom) {
            $.ajax({
                type: "post",
                url: url,
                data: data,
                success: function (res) {
                    var res = JSON.parse(res);

                    if (res.code == 1) {
                        var html = '<ul>';
                        var data = res.data.list;
                        for (var i = 0; i < data.length; i++) {
                            html += '<li data-type="game" data-id="' + data[i]['id'] + '" data-value="' + data[i]['gamename'] + '" data-coin="' + data[i]['coin'] + '">' + data[i]['gamename'] + '</li>'
                        }

                        html += '</ul>'
                        $(dom).html(html)
                    } else {
                        layer.msg(res.msg);
                    }
                }
            });
        }
        $('#select_coupon_label').click(function () {
            var username = $('#username').val();
            var game_id = $('#game_id_input').val();
            var money = $('#money_input').val();

            if (!game_id) {
                layer.msg('请选择您要充值的游戏~！');
                return
            }

            if (!money) {
                layer.msg('请选择您的充值金额~');
                return
            }
            searchCoupon("/pay/djqpay/getcoupon.html", { gameid: game_id, money: money, username: username }, '.game_coupon .dataBox');
        })

        function searchCoupon(url, data, dom) {
            $.ajax({
                type: "post",
                url: url,
                data: data,
                success: function (res) {
                    var res = JSON.parse(res);

                    if (res.code == 1) {
                        var html = '<ul>';
                        var data = res.data.list;
                        for (var i = 0; i < data.length; i++) {
                            html += '<li data-type="coupon" data-id="' + data[i]['id'] + '" data-value="' + data[i]['name'] + '" data-money="' + data[i]['coupon_money'] + '">'
                            html += '<div class="search_li_content"><div class="search_li_mone">￥' + data[i]['coupon_money'] + '</div><div class="search_li_right"><div class="search_li_title">' + data[i]['name'] + '</div><div style="font-size: 13px;color: #9e9e9e">满' + data[i]['pay_money'] + '可用</div></div></div>';
                            html += '<div class="search_li_bottom" style="color: #9e9e9e;font-size: 12px;text-align: left;line-height: 20px">到期时间&nbsp;' + data[i]['time'] + '</div>';
                            html += '</li>'
                        }

                        html += '</ul>'
                        $(dom).html(html)
                    } else {
                        layer.msg(res.msg);
                    }
                }
            });
        }
        function cancelblack(event, type) {
            event.currentTarget.style.display = "none";

            $("#select_" + type + "_input").val("")
            $("#" + type + "_id_input").val("")
            if (type == 'game') {
                $("#gamename_input").val("")
                $('.search_label').show();
            } else {
                $("#coupon_money_input").val("")
            }

            buyYuan()
        }

        $(document).on('click', '.dataBox li', function () {
            var value = $(this).attr('data-value');
            $(this).parent().parent().prev().prev().prev().val(value);
            $(this).parent().parent().prev().show();
            var type = $(this).attr('data-type');
            var id = $(this).attr('data-id');

            $("#" + type + "_id_input").val(id)
            $(this).parent().remove();

            if (type == 'game') {
                $('.search_label').hide();
            }

            var money = $(this).attr('data-money');
            if (money) {
                $("#coupon_money_input").val(money)
            }

            var coin = $(this).attr('data-coin');
            if (coin) {
                $("#game_coin_text").val(coin)
            }

            buyYuan();
        })
        $(document).on('click', '#re_order_header_back', function () {
            $('.re_order_wrap').hide();
        })
        $(document).on('click', '#re_order_back', function () {
            var type = $('#type_input').val();
            $('.show_zfb').hide();
            $('.show_wx').hide();
            $('.re_order_qrcode_wrap').hide();
            $('.re_order_qrcode_image img').attr('src', "")

            $('.re_order_qrcode').attr('data-tradeno', '')
        })
        $(document).on('click', '#re_order_notify', function () {
            var type = $('#type_input').val();
            $('.show_zfb').hide();
            $('.show_wx').hide();
            $('.re_order_qrcode_wrap').hide()
            $('.re_order_qrcode_image img').attr('src', "")

            var username = $('#username').val();
            var trade_no = $('.re_order_qrcode').attr('data-tradeno')
            $('.re_order_qrcode').attr('data-tradeno', '')

            if (type == 'ptb') {
                var url = "/pay/ptbpay/gettradeno.html";
            } else {
                var url = "/pay/djqpay/gettradeno.html";
            }

            $.ajax({
                type: "post",
                url: url,
                data: { trade_no: trade_no, username: username },
                success: function (res) {
                    var data = JSON.parse(res);
                    layer.msg(data.msg);
                }
            });
        })
        $('#custom_money_input').on('input propertychange', function () {
            $('#select_coupon_input').val("");
            $('#coupon_id_input').val("");
            $('#coupon_money_input').val("");
            $('#game_coupon .cancel_black').hide();
            chargeButtons.forEach((itemA) => {
                itemA.style.border = '1px solid #BFBFBF';
            });

            var selectedAmount = $(this).val();
            $('#buy_yuan').text(selectedAmount);
            $('#amount_input').val(selectedAmount)
            $('#money_input').val(selectedAmount);
            buyYuan();
        })
        function buyYuan() {
            var type = $('#type_input').val();
            var coin = $('#game_coin_text').val();
            var money = $('#money_input').val();
            var coupon_money = $('#coupon_money_input').val();
            var pay_money = '';

            if (!money) {
                return
            }

            if (type == 'ptb') {
                $("#amount_input").val(money);
                $("#buy_yuan").text(money);
            } else {
                if (coupon_money) {
                    pay_money = (money - coupon_money) * coin;
                    if (pay_money <= 0) {
                        pay_money = 0
                    }
                } else {
                    pay_money = (money) * coin;
                    if (pay_money <= 0) {
                        pay_money = 0
                    }
                }

                $("#amount_input").val(pay_money.toFixed(2));
                $("#buy_yuan").text(pay_money.toFixed(2));
            }
        }
        $("#pay_button").click(function () {
            var type = $('#type_input').val();
            var game_id = $('#game_id_input').val();
            var money = $('#money_input').val();

            if (type == 'djq') {
                if (!game_id) {
                    layer.msg('请选择您要充值的游戏~！');
                    return
                }

                $(".show_flb").show();
            } else {
                $(".show_flb").hide();
            }

            if (!money) {
                layer.msg('请选择您的充值金额~');
                return
            }

            $("#gamename_input").val($('#select_game_input').val())
            $("#username_input").val($('#username').val())
            $('.re_order_wrap').show();
        })
        $("#pay_submit").click(function () {
            var type = $("#type_input").val()
            if (type == 'ptb') {
                ptbPay()
            } else {
                djqPay()
            }
        })
        function ptbPay() {
            var username = $('#username').val();
            var paytype = $('#paytype_input').val();
            var amount = $('#amount_input').val()

            $.ajax({
                type: "post",
                url: "/pay/ptbpay/index.html",
                data: { amount: amount, paytype: paytype, username: username },
                success: function (res) {
                    var data = JSON.parse(res);
                    if (data.code == 0) {
                        layer.msg(data.msg);
                    } else {
                        if (amount != 0) {
                            $('.re_order_wrap').hide();
                            $('.re_order_qrcode_wrap').show();
                            if (paytype == 'zfb') {
                                $('.show_zfb').show();
                                $('.re_order_qrcode').attr('data-tradeno', data.data.tradeNo)
                                window.open(data.data.pay, '_blank')
                            } else {
                                $('.show_wx').show();
                                $('.re_order_qrcode').attr('data-tradeno', data.data.tradeNo)
                                $('.re_order_qrcode_image img').attr('src', data.data.pay)
                            }
                        } else {
                            layer.msg(data.msg);
                            $('.detial_instr_pay_wrap').hide();
                        }
                    }
                }
            });
        }
        function djqPay() {
            var username = $('#username').val();
            var paytype = $('#paytype_input').val();
            var game_id = $('#game_id_input').val();
            var money = $('#money_input').val();
            var amount = $('#amount_input').val()
            var coupon_id = $('#coupon_id_input').val();
            var quit_url = window.location.href;

            $.ajax({
                type: "post",
                url: "/pay/djqpay/index.html",
                data: { username: username, game_id: game_id, money: money, coupon_id: coupon_id, amount: amount, paytype: paytype, quit_url: quit_url },
                success: function (res) {
                    var data = JSON.parse(res);
                    if (data.code == 0) {
                        layer.msg(data.msg);
                    } else {
                        if (amount != 0) {

                            switch (paytype) {
                                case 'zfb':
                                    $('.re_order_wrap').hide();
                                    $('.re_order_qrcode_wrap').show();
                                    $('.show_zfb').show();
                                    $('.re_order_qrcode').attr('data-tradeno', data.data.tradeNo)
                                    window.open(data.data.pay, '_blank')
                                    break;
                                case 'wx':
                                    $('.re_order_wrap').hide();
                                    $('.re_order_qrcode_wrap').show();
                                    $('.show_wx').show();
                                    $('.re_order_qrcode_image').show();
                                    $('.re_order_qrcode').attr('data-tradeno', data.data.tradeNo)
                                    $('.re_order_qrcode_image img').attr('src', data.data.pay)
                                    break;
                                default:
                                    layer.msg(data.msg);
                                    setTimeout(function () {
                                        location.reload()
                                    }, 1000);
                            }
                        } else {
                            layer.msg(data.msg);
                            $('.detial_instr_pay_wrap').hide();
                        }
                    }
                }
            });
        }

        $(document).mouseup(function (e) {
            var pop = $('.dataBox');
            if (!pop.is(e.target) && pop.has(e.target).length === 0) {
                $('.dataBox').children().remove();
            }
        });
        $(document).ready(function () {
            var $csid = '';
            if ($csid) getDataList();
            //登录
            $.ajax({
                type: 'post',
                data: '',
                url: "/pay/index/createorder.html",
                error: function () {
                    $('#trade_sn').html("");
                },
                cache: false,
                dataType: 'json',
                success: function (data) {
                    $('#trade_sn').val(data.orderid);
                    $('#username').val(data.user_login);
                    $('#re_username').val(data.user_login);
                }
            });
            $('#username').blur(function () {
                var $username = $(this).val();
                if ($username == '' || $username.length < 6) {
                    layer.msg('游戏账号不能小于6位数!');
                    return false;

                } else {
                    $.ajax({
                        type: 'post',
                        data: { 'user_login': $username },
                        url: "/pay/index/checkname.html",
                        dataType: 'json',
                        error: function () {
                            layer.msg('游戏账号不存在!');
                        },
                        success: function (data) {
                            if (data.state == "success") {
                                layer.msg('恭喜你，游戏帐号正确!');
                                $('#my_money_box').show()
                                $('#my_money').text(data.money)
                                var isUserSate = true;
                            } else {
                                layer.msg('游戏账号不存在!');
                            }
                        }
                    });
                }
            })
        })
    </script> <!--中间部分结束--> <!--底部--> <!--底部-->
    <div class="clear"></div>





    <!--		<div class="container link"> <h3 class="title title_left0">友情链接</h3> <div class="link_con"> </div> </div>-->
    <!--底部-->
    <div class="footer" style="background: #212121;color: #acacac;padding-top: 10px; border-top: 2px solid #ff7800;">
        <div class="container" style="text-align: center;">
            <p style="text-align: center;color: #acacac;">
                健康游戏忠告：抵制不良游戏&nbsp;&nbsp;拒绝盗版游戏&nbsp;&nbsp;注意自我保护&nbsp;&nbsp;谨防受骗上当&nbsp;&nbsp;适度游戏益脑&nbsp;
                沉迷游戏伤身&nbsp;&nbsp;合理安排时间&nbsp; 享受健康生活</p>
            <!-- <a href="home" style="color: #acacac">首页</a>　　<a href="/game" style="color: #acacac">游戏大全</a>　　<a href="/gift" style="color: #acacac">游戏礼包</a>　　<a href="/pay" style="color: #acacac">充值中心</a>　　<a href="/news" style="color: #acacac">游戏资讯</a>　　<a href="/service" style="color: #acacac">客服中心</a>　　 -->
            <div style="margin-top: 20px;">
                <ul style="overflow: hidden;width: 268px;margin: 0 auto;">
                    <li style="float: left;"><a href="/jianhu.html" style="color: #acacac">家长监护工程</a><span
                            style="float: right;margin-left: 5px;margin-right: 5px;">|</span></li>
                    <li style="float: left;"><a href="/jianhu.html" style="color: #acacac">防沉迷系统</a><span
                            style="float: right;margin-left: 5px;margin-right: 5px;">|</span></li>
                    <li style="float: left;"><a href="/jianhu.html" style="color: #acacac">纠纷处理</a><span
                            style="float: right;margin-left: 5px;margin-right: 5px;">|</span></li>
                    <li style="float: left;"><a href="/user/register/clause.html" style="color: #acacac">用户协议</a></li>
                </ul>
            </div>
            <div style="margin-top: 10px;">
                <p style="text-align: center;color: #acacac;"></p>
                <p style="text-align: center;color: #acacac;">安徽追游网络科技有限公司互联网ICP备案：<a href="https://beian.miit.gov.cn/"
                        target="_blank" style="text-align: center;color: #acacac;">互联网ICP备案：皖ICP备2023010426号-2</a></p>
                　

            </div>
            <div class="logo-bottom" style="overflow: hidden;margin: 0 auto;width: 300px;">
                <div class="logo-b" style="width: 100px;height: 100px;margin: 0 auto">
                    <img src="./sub/images/xlogo.png" style="width: 100%;height: 100%;">
                </div>
            </div>
        </div>
    </div>
    </div> <!-- <div id="backtotop" style="display: none;"><i class="fa fa-arrow-circle-up"></i></div> --> <!--底部结束-->
    <script>
        $(function () {

            ; (function ($) {

                $.fn.totop = function (opt) {

                    var scrolling = false;

                    return this.each(function () {

                        var $this = $(this);

                        $(window).scroll(function () {

                            if (!scrolling) {

                                var sd = $(window).scrollTop();

                                if (sd > 100) {

                                    $this.fadeIn();

                                } else {

                                    $this.fadeOut();

                                }

                            }

                        });



                        $this.click(function () {

                            scrolling = true;

                            $('html, body').animate({

                                scrollTop: 0

                            }, 500, function () {

                                scrolling = false;

                                $this.fadeOut();

                            });

                        });

                    });

                };

            })(jQuery);



            $("#backtotop").totop();

        });

    </script>
    <style>
        /*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);}*/

        #backtotop {
            position: fixed;
            bottom: 50px;
            right: 20px;
            display: none;
            cursor: pointer;
            font-size: 50px;
            z-index: 9999;
        }

        #backtotop:hover {
            color: #333
        }

        #main-menu-user li.user {
            display: none
        }
    </style>
    <link href="./sub/paycss/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script type="text/javascript">    /*提交*/

        function tjcon() {

            $("#czinfobox").addClass("czerrots")

            $("#czinfobox").html("<div class='qrcz_ts'><h1><span>请在新打开的字符页面上完成付款充值！</span><a href='javascript:void(0);' onclick='tjqrboxclose()' id='czinfobox_close'>close</a></h1><ul><li class=\"tscon1\">付款前请不要关闭或刷新此窗口。</li><li class=\"tscon2\">付款前请不要关闭或刷新此窗口。</li></ul><span class='qrtjBtn'><a href=\"/News/Index/details/id/39\"  target=\"_blank\">付款遇到问题</a><a href='javascript:void(0);' onclick='tjqrboxclose()'>返回</a></span></div>")

        }

        function tjtccon() {
            var zhcon = $("#member_name").val()
            var rezhcon = $("#re_member_name").val()
            var othermoneyval = $(".jeother").val() != "" ? $(".jeother").val() : $('input:radio[name="pay_amount"]:checked').val();
            isUserSate = true;
            if (rezhcon == zhcon) {
                isUserSate = true;
            }
            if (zhcon == "" || rezhcon == "" || rezhcon != zhcon) {
                $("#zhts1").html("游戏账号不能为空!");
                return false;
            }

            //isUser();
            if (isUserSate) {
                $("#zhts1").html("");
                if (ptcyxpd == 1) {
                    if (othermoneyval < 5 || othermoneyval > 50000) {
                        $("#ylsuname").html("<font id=\"jeerro\">充值金额请限制在5元到50000元之间</font>")
                    } else {
                        var aumt = $(".jeother").val() != "" ? $(".jeother").val() : $('input:radio[name="pay_amount"]:checked').val();

                        $("body").append("<div id='czinfobg'></div>")

                        $("#czinfobg").append("<div id='czinfobox'></div>")

                        $("#czinfobox").html("<div class='qrcz'><h1><span>确认充值信息</span><a href='javascript:void(0);' onclick='tjqrboxclose()' id='czinfobox_close'>close</a></h1><ul><li class='qrcz_name'>您的充值方式：</li><li>" + $("#pay_type_name").html() + "</li></ul><ul><li class='qrcz_name'>您的订单编号：</li><li>" + $("#trade_sn").val() + "</li></ul><ul><li class='qrcz_name'>您的充值帐号：</li><li>" + $("#member_name").val() + "</li></ul><ul><li class='qrcz_name'>您的金额：</li><li>" + aumt + "元</li></ul><span class='qrtjBtn'><input type='button' onclick='document.getElementById(\"form1\").submit();tjcon();'  value='确认提交'/><a href='javascript:void(0);' onclick='tjqrboxclose()' id='czinfobox_close2'>返回修改\>\></a></span></div>")

                    }

                } if (ptcyxpd == 0) {

                    if (othermoneyval < 5 || othermoneyval > 50000) {

                        $("#ylsuname").html("<font id=\"jeerro\">充值金额请限制在5元到50000元之间</font>")

                    } else {

                        var aumt = $(".jeother").val() != "" ? $(".jeother").val() : $('input:radio[name="pay_amount"]:checked').val();

                        $("body").append("<div id='czinfobg'></div>")

                        $("#czinfobg").append("<div id='czinfobox'></div>")

                        $("#czinfobox").html("<div class='qrcz'><h1><span>确认充值信息</span><a href='javascript:void(0);' onclick='tjqrboxclose()' id='czinfobox_close'>close</a></h1><ul><li class='qrcz_name'>您的充值方式：</li><li>" + $("#pay_type_name").html() + "</li></ul><ul><li class='qrcz_name'>您的订单编号：</li><li>" + $("#trade_sn").val() + "</li></ul><ul><li class='qrcz_name'>您的充值帐号：</li><li>" + $("#member_name").val() + "</li></ul><ul><li class='qrcz_name'>您的金额：</li><li>" + aumt + "元</li></ul><span class='qrtjBtn'><input type='button' onclick='document.getElementById(\"form1\").submit();tjcon();'  value='确认提交'/><a href='javascript:void(0);' onclick='tjqrboxclose()' id='czinfobox_close2'>返回修改\>\></a></span></div>")

                    }

                }

            }

        }

    </script>
    <script>    $(document).ready(function () {

            var $csid = '';

            if ($csid) getDataList();

            //登录

            $.ajax({
                type: 'post',
                data: '',
                url: "/pay/index/createorder.html",
                error: function () {
                    $('#trade_sn').html("");
                },
                cache: false,
                dataType: 'json',
                success: function (data) {
                    $('#trade_sn').val(data.orderid);
                    $('#member_name').val(data.user_login);
                    $('#re_member_name').val(data.user_login);
                }
            });
            $('#member_name').blur(function () {
                var $username = $(this).val();
                if ($username == '' || $username.length < 6) {
                    $("#zhts1").html("游戏账号不能小于6位数!");

                    return false;

                } else {
                    $.ajax({
                        type: 'post',
                        data: { 'user_login': $username },
                        url: "/pay/index/checkname.html",
                        dataType: 'json',
                        error: function () {
                            $("#zhts1").html("游戏账号不存在!！");
                        },
                        success: function (data) {
                            if (data.state == "success") {
                                $('#my_money').text(data.money)
                                $("#zhts1").html("<a style='color:green;'>恭喜你，游戏帐号正确</a>");
                                var isUserSate = true;
                            } else {
                                $("#zhts1").html("游戏账号不存在!");

                            }

                        }

                    });

                }

            })

        })

    </script>
    <script src="./sub/payjs/payJs.js"></script> <!--底部结束-->
</body>

</html>